{* Template Name:文章页单页 *}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>{$article.Title}-唯一在线客服系统-专注本地私有化部署网站在线客服系统</title>
  <meta content="唯一客服,唯一开源客服，一套可独立私有化部署的免费开源客服系统，网站在线客服系统，下载zip解压即可，仅依赖MySQL数据库，是一个开箱即用的网页在线客服系统" name="description">
  <meta content="在线客服系统,客服源码,网页客服,网站客服" name="keywords">


  <!-- Vendor CSS Files -->
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="{$host}zb_users/theme/{$theme}/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="{$host}zb_users/theme/{$theme}/assets/css/style.css" rel="stylesheet">

</head>

<body>

<!-- ======= Header ======= -->
<header id="header" class="fixed-top header-inner-pages">
  <div class="container d-flex align-items-center">

    <h1 class="logo me-auto"><a href="/">唯一客服系统</a></h1>
    <!-- Uncomment below if you prefer to use an image logo -->
    <!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

    <nav id="navbar" class="navbar">
      <ul>
        <li><a class="nav-link scrollto active" href="/">首页</a></li>
        <li><a class="nav-link scrollto" href="/#services">功能简介</a></li>
        <li><a class="nav-link   scrollto" href="/#product">产品优势</a></li>
        <li><a class="nav-link scrollto" href="/#system">系统截图</a></li>
        <li><a class="nav-link scrollto" href="/#team">联系我们</a></li>
        <li><a class="nav-link scrollto" href="/#update">更新动态</a></li>
        <li><a class="getstarted scrollto" href="/#about">立即使用</a></li>
      </ul>
      <i class="bi bi-list mobile-nav-toggle"></i>
    </nav><!-- .navbar -->

  </div>
</header><!-- End Header -->

  <main id="main">

    <!-- ======= Breadcrumbs ======= -->
    <section id="breadcrumbs" class="breadcrumbs">
      <div class="container">

        <ol>
          <li><a href="/">首页</a></li>
          <li>{$article.Title}</li>
        </ol>
        <h2>{$article.Title}</h2>

      </div>
    </section><!-- End Breadcrumbs -->

    <section class="inner-page">
      <div class="container">
        {$article.Content}
      </div>
    </section>

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
{template:footer}

</body>

</html>